<!doctype html>
<html>
    <head>
        <title>扫描二维码</title>
    
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
        <script src="./jquery.1.12.4.js"></script>
        <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
 
        <style>
            #main{
                width: 300px;
                margin: 0 auto;
                margin-top: 200px;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }
            .layBtn{
                width: 100%;
                display: inline-block;
                height: 38px;
                line-height: 38px;
                padding: 0 18px;
                background-color: #009688;
                color: #fff;
                white-space: nowrap;
                text-align: center;
                font-size: 14px;
                border: none;
                border-radius: 2px;
                cursor: pointer;
            }
            .layBtn2{
                margin-top: 150px;
                background:none;
                color: #999;
                width: auto;
                border: 1px solid #f1f1f1;
            }
            .title{
                margin-bottom: 30px;
            }
        </style>
    </head>
    <body>
        <div id="main">
            <div class="title">
               
            </div>
            <div id="saoma" class="layBtn">点击扫码</div>

            <!-- <div id="tui" class="layBtn layBtn2">退出登录</div> -->
        </div>
        <script>
            // 获取URL里的参数函数
            function getQueryString(name){
                var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
                var r = window.location.search.substr(1).match(reg);
                if(r!=null)return  unescape(r[2]); return null;
            }
            $(function() {
                var n = getQueryString('n');
                var i = getQueryString('i');
                if(i == 1){
                    $(".title").html("惠祥");
                }
                if(i == 2){
                    $(".title").html("永辉");
                }
                if(i == 3){
                    $(".title").html("吉美");
                }

                $.ajax({
                    url: "http://redmany.city1000.cn/red/saoma/xxoo",
                    type: "post",
                    dataType: 'json',
                    data: {
                        "n": n
                    },
                    success: function (data) {
                        if(data.code != 200){
                            $(location).attr('href', 'http://redmany.city1000.cn/red/saoma');
                        }
                    },
                    error: function (err) {
                        console.log(err)
                    }
                })

                var tui = $("#tui");
                tui.click(function(){
                    $(location).attr('href', 'http://redmany.city1000.cn/red/saoma');
                });
            
                $.ajax({
                    type: "get",
                    url: "http://user.city1000.top/wechat/wxScan", //自己填写请求地址
                    data: {
                        url: window.location.href
                    },
                    success: function (result) {
                    // alert(result)
                        wx.config({
                            // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                            debug: false,
                            // 必填，公众号的唯一标识
                            appId: result.appId,
                            // 必填，生成签名的时间戳
                            timestamp: "" + result.timestamp,
                            // 必填，生成签名的随机串timestamp
                            nonceStr: result.nonceStr,
                            // 必填，签名，见附录1
                            signature: result.signature,
                            // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                            jsApiList: ['checkJsApi', 'scanQRCode']
                        });
                        wx.error(function (res) {
                            //alert("出错了：" + res.errMsg); //这个地方的好处就是wx.config配置错误，会弹出窗口哪里错误，然后根据微信文档查询即可。
                        });
                        wx.checkJsApi({
                            jsApiList: ['scanQRCode'],
                            success: function (res) {
                                //alert('是否支持'+res.checkResult.scanQRCode)
                            }
                        });
                        //alert("result" + result)
                        //点击按钮扫描二维码
                        $("#saoma").click(function () {
                            //alert('开始扫码')
                            wx.scanQRCode({
                                needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
                                scanType: ["qrCode"], // 可以指定扫二维码还是一维码，默认二者都有
                                success: function (res) {
                                    //alert("扫描结果" + res)
                                    var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
                                    var r = JSON.parse(result)
                                    alert(r)
                                    //$(location).attr('href', 'http://redmany.city1000.cn/red/erweima/'+r.openid+'/'+r.qId+'/'+n)
                                }
                            });
                        });
                    }
                })
               
            });
            
        </script>
    </body>
</html>